<template>
    <div class="websiteOptimization">
      <!-- 头部导航开始 -->
      <HomeHeader></HomeHeader>
      <!-- 头部导航结束 -->
      <!-- 主体部分开始 -->
      <section class="aiseo-websiteOptimization-main">
        <seoBanner
          bgUrl="https://oss-imag.aiseoword.com/aiseo-image/img-tab05-bannerIMG.webp"
          title="网站优化"
          subTitle="专注细节，致力于提升您网站的用户满意度"
          :listArr="['精准营销', '智能高效', '全网投放']"
          chatInfo="您好, 我想了解更多关于网站优化的内容"
          buttonText="网站咨询"
        ></seoBanner>
        <difficul></difficul>
        <simple chatInfo="您好, 我想了解更多关于网站优化的内容"></simple>
          <advantages chatInfo="您好, 我想了解更多关于网站优化的内容"></advantages>
        <EndButton></EndButton>
      </section>
      <!-- 主体部分结束 -->
      <!-- 底部开始 -->
      <HomeFooter></HomeFooter>
      <!-- 底部结束 -->
    </div>
  </template>
  
  <script setup>
  import HomeHeader from "@/components/homePage/header/index.vue";
  import HomeFooter from "@/components/homePage/footer/index.vue";
  import seoBanner from "@/components/seoCustomer/banner/index.vue";
  import EndButton from "@/components/common/views/EndButton.vue";
  import difficul from "@/components/websiteOptimization/difficul/index.vue";
  import simple from '@/components/websiteOptimization/simple/index.vue';
  import advantages from '@/components/websiteOptimization/advantages/index.vue';
  </script>
  
  <style lang="scss" scoped>
  .websiteOptimization {
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
    .aiseo-websiteOptimization-main {
      width: 100%;
      background: #f5f5f5;
    }
  }
  </style>
  